import {ReactNode} from "react";
import Head from 'next/head'
import {withData} from '../hoc'
import {antd} from '../styles/antd'
import {compose} from 'recompose'
import {Modal} from '../components'

const Layout = ({children}) => (
    <div>
        <Head>
            <title>蜘蛛云聘</title>
            <meta name='viewport' content='width=device-width, initial-scale=1'/>
            <meta charSet='utf-8'/>
            {/*<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/antd/3.1.0/antd.css'/>*/}
            {/*<link rel='stylesheet' href='../static/antd.css'/>*/}
            <link rel='stylesheet' href='//at.alicdn.com/t/font_532127_gcanfd4ufkkmlsor.css'/>
        </Head>
        {children}
        <Modal/>
        <style jsx global>{antd}</style>
    </div>
)

export default compose(withData)(Layout)